<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
  <meta name="keywords" content="materialize, admin template, dashboard template, flat admin template, responsive admin template,">
  <title>Data Tables</title>

  <!-- CORE CSS-->
  
  <link href="/htmlfile/materialize.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="/htmlfile/style.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="/htmlfile/jquery.dataTables.min.css" type="text/css" rel="stylesheet" media="screen,projection">
  <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
  <link href="/htmlfile/prism.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="/htmlfile/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="/htmlfile/jquery.dataTables.min(1).css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="/htmlfile/chartist.min.css" type="text/css" rel="stylesheet" media="screen,projection">
</head>
<body class="loaded">
  <!-- Start Page Loading -->
  <div id="loader-wrapper">
      <div id="loader"></div>        
      <div class="loader-section section-left"></div>
      <div class="loader-section section-right"></div>
  </div>
  <!-- End Page Loading -->

  <!-- START HEADER -->
  <header id="header" class="page-topbar">
        <!-- start header nav-->
        <div class="navbar-fixed">
            <nav class="cyan">
                <div class="nav-wrapper">
                    <h1 class="logo-wrapper">
                    	<h4>   Report</h4>
					</h1>
                </div>
            </nav>
        </div>
        <!-- end header nav-->
  </header>
  <!-- END HEADER -->

  <!-- //////////////////////////////////////////////////////////////////////////// -->

  <!-- START MAIN -->
  <div id="main">
    <!-- START WRAPPER -->
    <div class="wrapper">

      <!-- START LEFT SIDEBAR NAV-->
      <aside id="left-sidebar-nav">
          <ul id="slide-out" class="side-nav fixed leftside-navigation ps-container ps-active-y" style="width: 240px;">
              <li class="no-padding">
                  <ul class="collapsible collapsible-accordion">
                      <li class="bold">
                          <a class="collapsible-header  waves-effect waves-cyan">
                          		<i class="mdi-editor-border-all"></i> 上海
                          </a>
                          <div class="collapsible-body" style="">
                              <ul>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">中国银行无锡分行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">无锡星展</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">招商银行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">江苏银行朝阳支行</a></li>
                              </ul>
                          </div>
                      </li>
                      <li class="bold">
                          <a class="collapsible-header  waves-effect waves-cyan">
                          		<i class="mdi-editor-border-all"></i> 江苏
                          </a>
                          <div class="collapsible-body" style="">
                              <ul>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">中国银行无锡分行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">无锡星展</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">招商银行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">江苏银行朝阳支行</a></li>
                              </ul>
                          </div>
                      </li>
                      <li class="bold">
                          <a class="collapsible-header  waves-effect waves-cyan">
                          		<i class="mdi-editor-border-all"></i> 杭州
                          </a>
                          <div class="collapsible-body" style="">
                              <ul>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">中国银行无锡分行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">无锡星展</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">招商银行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">江苏银行朝阳支行</a></li>
                              </ul>
                          </div>
                      </li>                                            
                      <li class="bold">
                          <a class="collapsible-header  waves-effect waves-cyan">
                          		<i class="mdi-editor-border-all"></i> 无锡
                          </a>
                          <div class="collapsible-body" style="">
                              <ul>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">中国银行无锡分行</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">无锡星展</a></li>
                                  <li><a href="#" link="/chinaBankWuxiXinqu/toList">招商银行</a></li>
                                  <li><a href="#" link="/toUploadFile">江苏银行朝阳支行</a></li>
                              </ul>
                          </div>
                      </li>
                  </ul>
              </li>
		  </ul>
      </aside>
      <!-- END LEFT SIDEBAR NAV-->

      <!-- START CONTENT -->
      <section id="content">
        <!--start container-->
        <div id="main_container" class="container">
        </div>
        <!--end container-->
      </section>
      <!-- END CONTENT -->
    </div>
    <!-- END WRAPPER -->

  </div>
  <!-- END MAIN -->

    <!-- ================================================
    Scripts
    ================================================ -->
    
    <!-- jQuery Library -->
    <script src="/htmlfile/jquery-1.10.2.js"></script><script src="/htmlfile/jquery.min.js"></script> 
    <!--materialize js-->
    <script type="text/javascript" src="/htmlfile/materialize.js"></script>
    <!--prism-->
    <script type="text/javascript" src="/htmlfile/prism.js"></script>
    <!--scrollbar-->
    <script type="text/javascript" src="/htmlfile/perfect-scrollbar.min.js"></script>
    <!-- data-tables -->
    <script type="text/javascript" src="/htmlfile/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="/htmlfile/data-tables-script.js"></script>
    
    
    <script type="text/javascript">
        $(".collapsible-body ul li").click(function(e){
        		var li = $(this);
        		var url = li.children("a").attr("link");
        		console.log(url);
        		$("#main_container").load(url);
        });
    </script>
    
